import React from 'react'
import { Row, Col, Card, Tag, Skeleton, Switch, Icon, Avatar, Carousel } from 'antd'

export default class KimCard extends React.Component {


  render() {

    return <>
      <Card title='最简单的用法、位置、自动切换、渐显'>
        <Carousel autoplay effect="fade" dotPosition='left' afterChange={(a, b, c) => console.log(a, b, c)}>
          <div> <h3>1</h3> </div> <div> <h3>2</h3> </div> <div> <h3>3</h3> </div> <div> <h3>4</h3> </div>
        </Carousel>
      </Card>
    </>

  }
}


// API#
// 参数	                                说明	类型	默认值	版本
// afterChange	                       切换面板的回调	function(current)	无		
// autoplay	                           是否自动切换	boolean	false		
// beforeChange	                       切换面板的回调	function(from, to)	无		
// dotPosition	                       面板指示点位置，可选 top bottom left right	string	bottom	3.17.0	3.17.0
// dots	                               是否显示面板指示点	boolean	true		
// easing	                             动画效果	string	linear		
// effect	                             动画效果函数，可取 scrollx, fade	string	scrollx		

// 方法#
// 名称	描述
// goTo(slideNumber, dontAnimate)	     切换到指定面板, dontAnimate = true 时，不使用动画	3.9.3
// next()	                             切换到下一面板	
// prev()	                             切换到上一面板